<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="index.html">
    <link rel="stylesheet" href="./css/comment.css" />
    <link rel="stylesheet" href="./css/product.css" />
</head>

<body>
    <!--头部-->
    <header id="head">
        <!--页面头-->
        <div class="head">
            <div class="center clearfix">
                <div class="left">好的生活，没那么贵</div>
                <div class="right">
                    <ul>
                        <li><a href="#" class="noborder">登录</a></li>
                        <li><a href="#" class="noborder margin">注册</a></li>
                        <li><a href="#">严选态度</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li class="customer">
                            <a href="#">客户服务</a>
                            <ul>
                                <li><a href="#">帮助中心</a></li>
                                <li><a href="#">在线客服</a></li>
                                <li class="phone">
                                    <a href="#">电话客服</a>
                                    <div>
                                        <p>400-0368-163</p>
                                        <p>9:00-22:00</p>
                                    </div>
                                </li>
                                <li><a href="#" class="noborder">商务合作</a></li>
                            </ul>
                        </li>
                        <li class="down">
                            <a href="#">下载APP</a>
                            <div>
                                <img src="images/down.png" alt="" />
                                <span>扫码下载 首单立减8元</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--搜索部分-->
        <div class="search">
            <div class="center clearfix">
                <h1><a href="#"><img src="images/logo.gif" alt="网易严选"></a></h1>
                <div class="searcBox right">
                    <input type="text" value="Timberland制造商情侣牛皮靴" />
                    <a href="javascript:;"></a>
                </div>
            </div>
        </div>

        <!--导航-->
        <nav class="nav">
            <div class="center clearfix">
                <a class="logo" href=""><img src="images/smallLogo.gif" /></a>
                <ul class="navBar">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">居家</a></li>
                    <li><a href="#">餐厨</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">洗护</a></li>
                    <li><a href="#">婴童</a></li>
                    <li><a href="#">杂货</a></li>
                    <li><a href="#">饮食</a></li>
                    <li><a href="#">其他</a></li>
                    <li class="separate">|</li>
                    <li><a href="#">专题</a></li>
                    <li><a href="#">甄选家</a></li>
                </ul>
                <div class="cartWrap">
                    <i>0</i>
                    <div class="cart">
                        <div class="list">
                            <ul>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                            </ul>
                            <div class="scrollBar">
                                <span class="topBtn"></span>
                                <div class="slideWrap">
                                    <div class="slide"></div>
                                </div>
                                <span class="bottomBtn"></span>
                            </div>
                        </div>
                        <div class="total">
                            商品合计: <span>¥751.00</span><a href="#">去购物车结算</a>
                        </div>
                    </div>
                </div>
                <div class="login">
                    <a href="#">登录</a><a href="#">注册</a>
                </div>
            </div>
            <div class="subNav">
                <ul style="display: block;">
                    <li><a href="#"><img src="images/nav_01.png" alt="" />1被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />2被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />3被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />4被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />5被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />6被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />7被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />8被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/nav_01.png" alt="" />9被枕</a></li>
                    <li><a href="#"><img src="images/nav_02.png" alt="" />床品件套</a></li>
                    <li><a href="#"><img src="images/nav_03.png" alt="" />床垫</a></li>
                    <li><a href="#"><img src="images/nav_04.png" alt="" />地垫</a></li>
                    <li><a href="#"><img src="images/nav_05.png" alt="" />家具</a></li>
                    <li><a href="#"><img src="images/nav_06.png" alt="" />舒坐</a></li>
                    <li><a href="#"><img src="images/nav_07.png" alt="" />灯具</a></li>
                    <li><a href="#"><img src="images/nav_08.png" alt="" />家饰</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <!--面包屑-->
    <section id="position">
        <a href="#">首页</a> > <a href="#">其他</a> > <a href="#">数码</a> > 网易智造空气感苹果手机壳
    </section>

    <!--产品图片-->
    <section id="productImg" class="clearfix">
        <div class="left preview_img">
            <img src="images/img_35.jpg" alt="" class="left" />
            <div class="mask"></div>
            <div class="bigbox">
                <img class="bigImg" src="images/img_35.jpg" alt="">
            </div>
        </div>
        <div class="smallImg">
            <img src="images/img_35.jpg" alt="" class="active" />
            <img src="images/img_36.jpg" alt="" />
            <img src="images/img_37.jpg" alt="" />
            <img src="images/img_38.jpg" alt="" />
            <img src="images/img_39.jpg" alt="" />
        </div>
        <div class="info right">
            <h2>网易智造空气感苹果手机壳</h2>
            <p>0.4mm纸一样薄 磨砂手感</p>
            <div class="price">
                <div><span>售价</span><strong>¥38.00</strong></div>
                <div><span>促销</span><a href="#" class="tag">愚人节</a><a href="#" class="discount">领全场满减券，额外机会包裹翻倍</a>
                </div>
                <div><span>服务</span><a href="#"
                        class="service"><i></i>30天无忧退货<i></i>48小时快速退款<i></i>满88元免邮费<i></i>网易自营品牌</a></div>
            </div>
            <div class="fomat">
                <!--<dl class="clearfix">
						<dt>型号</dt>
						<dd>iPhone 7</dd>
						<dd>iPhone 7 Plus</dd>
					</dl>
					<dl class="clearfix">
						<dt>颜色</dt>
						<dd>清透黑</dd>
						<dd>纯净白</dd>
					</dl>-->
            </div>
            <div class="number">
                <span class="nTitle">数量</span>
                <div class="noClick">
                    <span>-</span>
                    <input type="text" value="1" />
                    <span>+</span>
                </div>
            </div>
            <div class="btn">
                <a href="#" class="buy">立即购买</a>
                <a href="javascript:;" class="join">加入购物车</a>
                <a href="#" class="collection">收藏</a>
            </div>
        </div>
    </section>

    <!--大家都在看-->
    <section id="look">
        <div class="center">
            <h3>大家都在看</h3>
            <div class="content clearfix" id="allLook">
                <div class="carouselImgCon">
                    <ul>
                        <!--<li>
								<a href="#"><img src="images/img_40.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_41.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_42.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_43.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_44.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_45.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_46.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>
							<li>
								<a href="#"><img src="images/img_47.png"/></a>
								<a href="#">网易双子星蓝牙音箱</a>
								<span>¥288.00</span>
							</li>-->
                    </ul>
                </div>
                <!--<div class="prev"><</div>
					<div class="next">></div>-->
            </div>
        </div>
    </section>

    <!--详情评价专题推荐-->
    <section id="bottom">
        <div class="center clearfix">
            <!--详情与评价-->
            <div class="product">
                <div class="title">
                    <a href="javascript:;" class="active">详情</a><a href="javascript:;">评价<span>（200）</span></a>
                </div>
                <div class="content">
                    <!--详情选项卡对应的内容-->
                    <div class="details" style="display: block;">
                        <table>
                            <tbody>
                                <!--<tr>
										<td>产品尺寸</td>
										<td>270mm*50mm*30mm</td>
										<td>额定参数</td>
										<td>2500W-10A Max, 250V</td>
									</tr>
									<tr>
										<td>产品尺寸</td>
										<td>270mm*50mm*30mm</td>
										<td>额定参数</td>
										<td>2500W-10A Max, 250V</td>
									</tr>
									<tr>
										<td>产品尺寸</td>
										<td>270mm*50mm*30mm</td>
										<td>额定参数</td>
										<td>2500W-10A Max, 250V</td>
									</tr>
									<tr>
										<td>产品尺寸</td>
										<td>270mm*50mm*30mm</td>
										<td>额定参数</td>
										<td>2500W-10A Max, 250V</td>
									</tr>-->
                            </tbody>
                        </table>
                        <div class="img">
                            <img src="images/img_48.jpg" alt="" />
                            <img src="images/img_49.jpg" alt="" />
                            <img src="images/img_50.jpg" alt="" />
                        </div>
                        <div class="problem">
                            <h3>常见问题</h3>
                            <dl>
                                <dt>购买运费如何收取？</dt>
                                <dd>单笔订单金额（不含运费）满88元免邮费；不满88元，每单收取10元运费。</dd>
                            </dl>
                            <dl>
                                <dt>使用什么快递发货？</dt>
                                <dd>严选默认使用顺丰快递发货（个别商品使用其他快递），配送范围覆盖全国大部分地区（港澳台地区除外）。</dd>
                            </dl>
                            <dl>
                                <dt>如何申请退货？</dt>
                                <dd>1.自收到商品之日起30日内，顾客可申请无忧退货，退款将原路返还，不同的银行处理时间不同，预计1-5个工作日到账；</dd>
                                <dd>2.内裤和食品等特殊商品无质量问题不支持退货</dd>
                                <dd>3.退货流程：<br />确认收货-申请退货-客服审核通过-用户寄回商品-仓库签收验货-退款审核-退款完成；</dd>
                                <dd>4.因网易严选产生的退货，如质量问题，退货邮费由网易严选承担，退款完成后会以现金券的形式报销。因客户个人原因产生的退货，购买和寄回运费由客户个人承担。</dd>
                            </dl>
                            <dl>
                                <dt>如何开具发票？</dt>
                                <dd>1.如需开具普通发票，请在下单时选择“我要开发票”并填写相关信息（APP仅限2.4.0及以上版本）；</dd>
                                <dd>2.如需开具增值税专用发票，请在购买后联系客服办理；</dd>
                                <dd>3.可选开票内容：<br />
                                    订单中含有办公用品（箱包、文具、口罩）--办公用品等、耗材等、日用品、家居用品、食品、酒/饮料、服饰、化妆品；
                                    不含有办公用品--日用品、家居用品、食品、酒/饮料、服饰、化妆品；
                                    订单商品为礼品卡--预付卡。</dd>
                            </dl>
                        </div>
                    </div>
                    <!--评价选项卡对应的内容-->
                    <div class="evaluate">
                        <div class="border">
                            <div class="eTitle clearfix">
                                <div class="active">
                                    <i></i><span>全部（200）</span>
                                </div>
                                <div>
                                    <i></i><span>有图（6）</span>
                                </div>
                            </div>
                            <ul>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                << /div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                << /div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                << /div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                << /div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                            </ul>
                        </div>
                        <div class="page">
                            <!--<span>首页</span>
								<span><上一页</span>
								<div class="mainPage">
									<span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span class="active">7</span><span>8</span><span>9</span><span>10</span>
								</div>
								<span>下一页<</span>
								<span>尾页</span>-->
                        </div>
                    </div>
                </div>
            </div>

            <!--专题推荐-->
            <div class="special">
                <h3>专题推荐</h3>
                <div>
                    <a href="#"><img src="images/img_52.jpg" /></a>
                    <a href="#">好东西不该只用来凑单</a>
                </div>
                <div>
                    <a href="#"><img src="images/img_53.jpg" /></a>
                    <a href="#">好东西不该只用来凑单</a>
                </div>
                <div>
                    <a href="#"><img src="images/img_54.jpg" /></a>
                    <a href="#">好东西不该只用来凑单</a>
                </div>
                <div>
                    <a href="#"><img src="images/img_55.jpg" /></a>
                    <a href="#">好东西不该只用来凑单</a>
                </div>
                <div>
                    <a href="#"><img src="images/img_56.jpg" /></a>
                    <a href="#">好东西不该只用来凑单</a>
                </div>
            </div>
        </div>
    </section>


    <!--底部-->
    <footer>
        <div class="message">
            <div class="center">
                <div class="box">
                    <h4>客服电话</h4>
                    <p class="phone">400-0368-163</p>
                    <p class="workTime">9:00-22:00</p>
                    <div class="btn"><a href="#">用户反馈</a><a href="#">在线客服</a></div>
                </div>
                <div class="box">
                    <h4>何为严选</h4>
                    <p>网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品</p>
                    <dl class="clearfix">
                        <dt>关注我们 :</dt>
                        <dd><a href="#"><img src="images/ico_05.gif" /></a></dd>
                        <dd><a href="#"><img src="images/ico_06.gif" /></a></dd>
                        <dd><a href="#"><img src="images/ico_07.gif" /></a></dd>
                    </dl>
                </div>
                <div class="box">
                    <h4>扫码下载严选APP</h4>
                    <img src="images/down.png" alt="" />
                    <p class="money">首单立减8元</p>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="center">
                <div class="title">
                    <div>30天无忧退</div>
                    <div>货满88元免邮</div>
                    <div>网易品质保证</div>
                </div>
                <div class="copy">
                    <p><a href="#">关于我们</a> | <a href="#">帮助中心 </a> | <a href="#">售后服务</a> | <a href="#">配送与验收</a> | <a
                            href="#">商务合作</a> | <a href="#">企业采购</a> | <a href="#">友情链接</a></p>
                    <p>网易公司版权所有 &copy; 1997-2017 食品经营许可证：JY13301080111719</p>
                </div>
            </div>
        </div>
    </footer>

    <!--侧边栏-->
    <div id="sideBar">
        <div class="top">
            <a href="#">新人有礼</a>
            <a href="#">下载APP</a>
            <a href="#">在线客服</a>
        </div>
        <a href="javascript:;" class="back">回顶部</a>
    </div>

    <script src="./js/common.js"></script>
    <!-- <script src="js/product_listData.js"></script>
    <script src="js/recommend_data.js"></script>
    <script src="js/move.js"></script>
    <script src="js/Carousel.js"></script>
    <script src="js/comment_data.js"></script> -->
    <script src="./js/product.js"></script>
</body>

</html>